iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 986 瀏覽

鐵人賽 Software Development DAY 5

開心撰寫 PHPUnit 系列第 5 篇

技術 Day05. 讓 VSCode 來幫助自己寫測試 - 實戰篇

在上一篇僅僅介紹了PHPUnit Test Explorer來幫我們解決執行測試的問題，但還要多寫測試 code 的問題還是沒有被解決啊，今天介紹幾個 exte...

recca0120 ‧ 2023-09-20

1 Like 0 留言 538 瀏覽

鐵人賽 Modern Web DAY 3

連我阿公都會-手把手教你架網站系列第 3 篇

技術【Day03】工欲善其事，必先利其器～

俗話說的好：「工欲善其事，必先利其器。」這句格言在各個領域都有著深刻的意義。好比如，在寫作業的時候，先整理桌面和環境，可以使我們的思緒更加清晰，以提升工作效率...

ttdragon0722 ‧ 2023-09-18 ‧團隊最強資工大電神

0 Like 1 留言 728 瀏覽

鐵人賽 AI & Data DAY 25

dbt: 告別過時的SQL開發流程系列第 25 篇

技術 DAY 25 - dbt Core 入門 (3) - dbt Power User

昨天聊了 dbt Core 在本機開發的基本操作，但和 dbt Cloud 相比起來，還是麻煩很多。今天要來介紹一個常用的 VS Code extension...

Stacy Lo ‧ 2023-10-10 ‧團隊dbt 和 dbt 以外有趣的事

4 Like 1 留言 2109 瀏覽

技術 Vscode 好用、好看、透明化插件

最近建了一個 github 專案，主要內容是分享 vscode 實用、好看的插件，包含：一鍵安裝多個插件透明化插件主題 (好看炸的編輯環境)...

Pythonist ‧ 2023-04-14

0 Like 0 留言 11246 瀏覽

技術 11 個 VS Code 設定及套件推薦：色彩、icon 主題、字體、註解、防錯標示，外加 Mac Terminal 設定

有時候看電腦很久，覺得眼睛看 code 花花的，這時候好的環境配置就很重要，顏色對比度適中，會比較好看 code，提升工作效率。今天跟大家分享幾個我試了後，...

Eva Chen ‧ 2022-11-15

0 Like 0 留言 859 瀏覽

鐵人賽 Modern Web DAY 18

前端三分鐘 X 從把妹角度理解前後端如何和平相處系列第 18 篇

技術定義屬於你的風格 X VS Code Extensions X ESLint X Prettier (18)

VS Code Extensions VSCode 的市集提供了相當多的 Extensions 能增進工程師的開發效能，Extensions 就像把妹神器，會幫...

linyencheng ‧ 2022-10-03

0 Like 0 留言 1094 瀏覽

鐵人賽自我挑戰組 DAY 6

【Tailwind】你聽過尾巴風嗎 ? CSS 框架 tailwind 的新手入門指南系列第 6 篇

技術 Day 6：不是阿！這怎麼回事？【Tailwind 推薦套件】

環境搭建好之後，其實筆者在初次使用前有想到幾個問題，這些問題可以通過套件解決，本篇文章將會分享問題點，最後推薦套件給大家使用，可以幫助 tailwind 使用者...

linlaose ‧ 2022-09-21 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 833 瀏覽

鐵人賽影片教學 DAY 11

從筆記語法帶入網頁設計系列第 11 篇

技術 Day11 HTML結構

前言今天正式進旺網頁前端的第一巨頭HTML那我們在寫HTML也是要準備我們Vscode的插件先下載完我們從明天開始使用，那廢話不多說我們先來介紹~ 插件安裝...

馬鈴薯 ‧ 2022-09-11

0 Like 0 留言 1592 瀏覽

鐵人賽影片教學 DAY 6

從筆記語法帶入網頁設計系列第 6 篇

技術 Day06 使用 Markdown 語法前哨站

前言在前幾天我們介紹了編輯器、程式語言、網頁前後端的區別，以及他的語法介紹，今天我們的主軸已裝上我們Markdown語法的插件作一些小準備，那我們開始吧! 首...

馬鈴薯 ‧ 2022-09-06

0 Like 0 留言 1420 瀏覽

技術 [VSCodeVim] Vim的思維、哲學與解決問題之道

Vim的思維、哲學與解決問題之道 [系列文目錄] 每種工具都有它的設計理念，在接觸Vim的前後，我們會接觸大量的相關知識。有幾個觀念與原則能幫助我們貫穿各個...

缺乏咖啡因的韋恩 ‧ 2022-05-01

0 Like 0 留言 2477 瀏覽

技術 [VSCodeVim] Vim的基本操作、模式與狀態列

Vim的基本操作、模式與狀態列 [系列文目錄] 在使用Vim之前，讓我們來認識一下Vim的模式（Mode）與各個模式之間的操作與轉換。普通模式（Norma...

缺乏咖啡因的韋恩 ‧ 2022-04-30

1 Like 0 留言 1947 瀏覽

技術 [VSCode Extension] VSCodeVim: 系列文目錄

大家好，我是韋恩。這個系列章節我們將會介紹VSCodeVim的使用與教學。先前我們介紹過了VSCode Extension。有不少Extension值得花...

缺乏咖啡因的韋恩 ‧ 2021-09-16

0 Like 0 留言 10952 瀏覽

鐵人賽自我挑戰組 DAY 8

從HTML到Python爬蟲的30天之旅系列第 8 篇

技術 Day 08：Python基本介紹01 | 環境架設、Hello Python!

到目前為止，我們已經學了網頁前端的HTML和CSS，但在開始爬蟲前還有一個很重要的東西要學，那就是Python。因此接下來幾天我會開始介紹Python的基礎語...

Andy Chiang ‧ 2021-09-13

1 Like 0 留言 3593 瀏覽

鐵人賽自我挑戰組 DAY 3

從HTML到Python爬蟲的30天之旅系列第 3 篇

技術 Day 03：專案01 - 超簡單個人履歷02 | HTML基本元素

大家早安阿! 來到我們冒險的第三天了，今天我要繼續來介紹HTML的其他常用元素，還沒看過昨天的建議先看完再來看這篇。 HTML基本元素(續) <img&g...

Andy Chiang ‧ 2021-09-08

0 Like 0 留言 3446 瀏覽

鐵人賽 Software Development

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 36 篇

技術 Day36 | WebView Snippets管理頁面設計與開發

哈囉，大家好，我是韋恩。今天的文章是系列文的第三十六篇。我們會把完整snippet的元件與routing的部分設定好，份量會有點多。並會於下一篇系列文開始處理W...

缺乏咖啡因的韋恩 ‧ 2020-11-07

0 Like 0 留言 3681 瀏覽

鐵人賽 Software Development

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 35 篇

技術 Day35 | WebView元件開發 - Webpack打包工具整合地雷陷阱排除

大家好，今天繼續來開發元件，並動手解決實務上我們遇到的設定配置的問題。在昨天的練習裡，我們可以使用babal-plugin-import按需載入使用到的第三方U...

缺乏咖啡因的韋恩 ‧ 2020-11-02

0 Like 0 留言 3342 瀏覽

鐵人賽 Software Development

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 34 篇

技術 Day34 | WebView元件開發 - 使用Ant Design Mobile UI Library

哈囉大家好，今天我們又重啟了extension的開發，話說最近真忙啊，不過就算再忙專案也會進行下去開發完成的。配置UI Library相關環境今天開始，我...

缺乏咖啡因的韋恩 ‧ 2020-11-01

1 Like 0 留言 3007 瀏覽

鐵人賽 Software Development

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 32 篇

技術 Day32 | 在WebView裡使用Router的問題與解法！

大家好，今天是第三十二天，也是賽程結束後的第二天。昨天介紹了我們會在Webview裡使用的套件，今天會介紹一下在webview裡使用router時實際遇到的問...

缺乏咖啡因的韋恩 ‧ 2020-10-17

0 Like 1 留言 1503 瀏覽

鐵人賽 Software Development DAY 30

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 30 篇

技術 Day30 | 30天系列回顧Ｘ賽程後規劃

好啦，今天是第三十天了，今天會分享下賽程心得，並回顧一下前面系列文，最後是三十天後的規劃！參賽動機＆回顧這次參加鐵人賽，主要有幾個目標：透過鐵人賽的...

缺乏咖啡因的韋恩 ‧ 2020-10-15

0 Like 0 留言 6971 瀏覽

鐵人賽 Software Development DAY 29

前端工程師不能不知道的生產力工具系列第 29 篇

技術 [Day29] VSCode Plugin - Other

來到 VSCode Plugin 介紹的最後一天，想整理一些雖然跟開發沒直接相關，但是能幫助提升生產力，或是能適當幫助自己休息的工具。 TODO Highlig...

Yuri Tsai ‧ 2020-10-14

0 Like 0 留言 1380 瀏覽

鐵人賽 Software Development DAY 29

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 29 篇

技術 Day29 | 使用extension動態產生snippet提示吧!

大家好，我是韋恩，今天是鐵人賽的第二十九天，今天我們會來練習language命名空間下的api，使用它幫使用者產生snippet。 CompletionItem...

缺乏咖啡因的韋恩 ‧ 2020-10-14

0 Like 0 留言 1361 瀏覽

鐵人賽 Software Development DAY 28

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 28 篇

技術 Day28 | 獲取安裝的extension進行操作

大家好，我是韋恩，今天是第二十八天，讓我們會練習獲取extension的api，為專案的重點功能做準備！ Extension API簡介在vscode的a...

缺乏咖啡因的韋恩 ‧ 2020-10-13

0 Like 0 留言 1225 瀏覽

鐵人賽 Software Development DAY 27

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 27 篇

技術 Day27 | 導入WebviewPanel

大家好，我是韋恩，今天是鐵人賽的二十六天，讓我們在專案的現有架構裡導入WebViewPanel元件吧！ CodeManager當前專案架構在昨天，我們初步...

缺乏咖啡因的韋恩 ‧ 2020-10-12

0 Like 0 留言 1606 瀏覽

鐵人賽 Software Development DAY 26

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 26 篇

技術 Day26 | 實現Extension內的MVVM架構

大家好，我是韋恩，今天是鐵人賽的二十六天，讓我們來設計extension中的MVVM架構吧！ MVVM軟體架構簡介與Extension中的實作在軟體設計中...

缺乏咖啡因的韋恩 ‧ 2020-10-11

0 Like 0 留言 1101 瀏覽

鐵人賽 Software Development DAY 25

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 25 篇

技術 Day25 | Extension事件與資料處理

大家好，我是韋恩，今天是鐵人賽的二十五天，讓我們來設計extension的事件與資料流處理吧！ Day25專案實作: 設計Extension中的事件與資料流...

缺乏咖啡因的韋恩 ‧ 2020-10-10

0 Like 0 留言 982 瀏覽

鐵人賽 Software Development DAY 24

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 24 篇

技術 Day24 | 開發Snippet用的元件(二)

大家好，我是韋恩，今天是鐵人賽的二十四天，我們將繼續元件的新增功能，並會檢視下目前的元件設計與架構！ Day24專案實作: 元件開發與架構調整在先前的樹狀元...

缺乏咖啡因的韋恩 ‧ 2020-10-09

0 Like 0 留言 1257 瀏覽

鐵人賽 Software Development DAY 23

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 23 篇

技術 Day23 | 開發Snippet用的元件(一)

大家好，我是韋恩，今天是鐵人賽的二十三天，讓我們來幫專案實現創建樹狀元件並讀取工作區程式碼片段的功能吧！ Day23專案實作: 開發使用者的snippet樹狀元...

缺乏咖啡因的韋恩 ‧ 2020-10-08

0 Like 0 留言 1208 瀏覽

鐵人賽 Software Development DAY 22

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 22 篇

技術 Day22 | 創建使用者的Snippet工作區

大家好，我是韋恩，今天是鐵人賽的二十二天，讓我們來幫專案實現創建工作區的功能吧！ Day22專案實作: 創建使用者的snippet工作區在前天的練習，我們c...

缺乏咖啡因的韋恩 ‧ 2020-10-07

0 Like 0 留言 2461 瀏覽

鐵人賽 Software Development DAY 21

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 21 篇

技術 Day21 | 把選取的程式碼轉換為snippet物件吧！

大家好，我是韋恩，今天是鐵人賽的二十一天，讓我們來幫專案實現將選中的程式碼加入snippet的功能吧！ Day21專案實作(一): 獲取選中的程式碼在vsc...

缺乏咖啡因的韋恩 ‧ 2020-10-06

0 Like 0 留言 1426 瀏覽

鐵人賽 Software Development DAY 20

自己用的工具自己做! 30天玩轉VS Code Extension之旅系列第 20 篇

技術 Day20 | 初始專案與元件配置

大家好，今天是第二十天，讓我們開始配置專案與基本元件吧! 今天我們會先配置樹狀元件，配合明天的功能實作做準備。 CodeManager專案實戰環境準備...

缺乏咖啡因的韋恩 ‧ 2020-10-05

技術 Day05. 讓 VSCode 來幫助自己寫測試 - 實戰篇

技術 【Day03】工欲善其事，必先利其器～

技術 DAY 25 - dbt Core 入門 (3) - dbt Power User

技術 Vscode 好用、好看、透明化插件

技術 11 個 VS Code 設定及套件推薦：色彩、icon 主題、字體、註解、防錯標示，外加 Mac Terminal 設定

技術 定義屬於你的風格 X VS Code Extensions X ESLint X Prettier (18)

技術 Day 6：不是阿！這怎麼回事？【Tailwind 推薦套件】

技術 Day11 HTML結構

技術 Day06 使用 Markdown 語法前哨站

技術 [VSCodeVim] Vim的思維、哲學與解決問題之道

技術 [VSCodeVim] Vim的基本操作、模式與狀態列

技術 [VSCode Extension] VSCodeVim: 系列文目錄

技術 Day 08：Python基本介紹01 | 環境架設、Hello Python!

技術 Day 03：專案01 - 超簡單個人履歷02 | HTML基本元素

技術 Day36 | WebView Snippets管理頁面設計與開發

技術 Day35 | WebView元件開發 - Webpack打包工具整合地雷陷阱排除

技術 Day34 | WebView元件開發 - 使用Ant Design Mobile UI Library

技術 Day32 | 在WebView裡使用Router的問題與解法！

技術 Day30 | 30天系列回顧 Ｘ賽程後規劃

技術 [Day29] VSCode Plugin - Other

技術 Day29 | 使用extension動態產生snippet提示吧!

技術 Day28 | 獲取安裝的extension進行操作

技術 Day27 | 導入WebviewPanel

技術 Day26 | 實現Extension內的MVVM架構

技術 Day25 | Extension事件與資料處理

技術 Day24 | 開發Snippet用的元件(二)

技術 Day23 | 開發Snippet用的元件(一)

技術 Day22 | 創建使用者的Snippet工作區

技術 Day21 | 把選取的程式碼轉換為snippet物件吧！

技術 Day20 | 初始專案與元件配置

標記使用者

技術【Day03】工欲善其事，必先利其器～

技術定義屬於你的風格 X VS Code Extensions X ESLint X Prettier (18)

技術 Day30 | 30天系列回顧Ｘ賽程後規劃